<!DOCTYPE html>
<html>
<head>
    <style>
        * {
            margin: 0 ;
            padding: 0;
        }
    </style>
        <link
        rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
    />
</head>



<body style="margin: 0 auto;  text-align: center; display: flex;">



    <div  class="display: flex;  animate__animated animate__backOutDown"
        style="margin-right: 30px; background-color: rgb(255, 208, 47);
        width: 360px; height: 240px;">

        <div style="margin-bottom: 50px" class="animate__animated animate__fadeInDown">
            <h1>大伟聊前端</h1>
            INTERVIEW REAL-TIME AUDIO-TO-TEXT
        </div>

        <div class="animate__animated animate__fadeInUp">
            为面试官提供全息录制理念的纪要功能，实时保存面试情况，方便后续面试回顾。
            同时支持实时语音转文字记录，离线语音转文字方便存档，
            助力企业面试资产沉淀，为面试纠纷提供依据。
        </div>
 
    </div>

    <div  class="display: flex;  animate__animated animate__slideInRight"
        style="background-color: rgb(255, 208, 47);
        width: 360px; height: 240px;">

        <div style="margin-bottom: 50px" class="animate__animated animate__fadeInDown">
            <h1>大伟聊前端</h1>
            INTERVIEW REAL-TIME AUDIO-TO-TEXT
        </div>
        <div class="animate__animated animate__fadeInUp">
            为面试官提供全息录制理念的纪要功能，实时保存面试情况，方便后续面试回顾。
            同时支持实时语音转文字记录，离线语音转文字方便存档，
            助力企业面试资产沉淀，为面试纠纷提供依据。
        </div>
 
    </div>

</body>

<script>

</script>
</html>
